<template>
  <div id="app">
    <!-- <ul class="side">
      <li>
        <router-link to="/grandFather">grandFather</router-link>
      </li>
      <li>
        <router-link to="/grandFather/father">father</router-link>
      </li>
      <li>
        <router-link to="/grandFather/father/child">child</router-link>
      </li>
    </ul> -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App"
};
</script>

<style>
.side {
  width: 20%;
  float: left;
}
</style>
